<template>
  <div class="nav-footer">
    <div class="wrap">
      <footer-content />
      <footer-icon />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

import FooterContent from './footer-content.vue'
import FooterIcon from './footer-icon.vue'

export default defineComponent({
  components: {
    FooterIcon,
    FooterContent
  },
  setup() {
    return {}
  }
})
</script>

<style scoped lang="less">
.nav-footer {
  height: 173px;
  width: 100%;
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  .wrap {
    width: 60%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
</style>
